﻿@media only screen and (max-width: 1680px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .box-specia2 .section-sl-6 {
        height: 700px;
    }
}

@media only screen and (max-width: 1399px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .nav li .v1 {padding: 0px 25px; }

    .g-tit-special-1 .d1 {font-size: 30px;}
    .box-specia2 .section-sl-6 {height: 600px; }
    .sl-list11 li{height: 560px;}
    .sl-list11 .txt .con{width: auto;margin: 0 10px 0 40px;}
    .sl-list11 li:nth-child(even) .txt .con {margin: 0 40px 0 10px;}
}

@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .wp{width: 95%;}
    .footer .ft-t .col-l .tel {font-size: 26px;}
    .cur {height: 60px; } 
    .cur a {padding: 0 10px; margin-right: 20px; line-height: 58px; }
    .ban-inner {height: 360px;background-size: cover;}

    .sl-list6{margin: 0 -10px;}
    .sl-list6 .con {margin: 0 10px;}
    .slider-list1-nav .item {margin: 0 15px; } 
    .sl-list7{margin: 0 -20px;}
    .sl-list7 .con {margin: 0 20px; }
    .sl-list1{padding: 50px 0 150px;}
    .sl-list1 ul {margin-left: 30px; }
    .sl-list1 .bg{height: 400px;background-size: 100% 100%;}
    .team-list {padding: 0 10px; margin: 0; } 
    .team-list .item {margin: 0 10px; padding: 10px 0 5px; }
    .team-list .item.slick-current .con {
        overflow: visible;
        opacity: 1;
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
    .m-cont1.marb1{margin-bottom: 100px;}
    .team-list1 .item {margin: 0 30px; }
    .team-list1{margin: 0 0; }
    .ban-inner.video .vid{
        width: auto;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
    }
    .now-shop {line-height: 60px;}

    .m-map1{display: none;}
    .map-list{display: block !important;}
    .box-specia2 .section-sl-6 {height: 500px; } 
    .sl-list10 .pic {
        height: 0;
        overflow: hidden;
        padding-top: 144%;
    }
    .sl-list10 .pic img{
        position: absolute;
        top: 0;left: 0;
        width: 100%;
        height: 100%;
    }

    .slider-list1-for .slick-prev{
        right: 110px;
    }
    .slider-list1-for .slick-next{
        right: 20px;
    }
    .sl-list11 li{height: 460px;}
}

@media only screen and (max-width: 1023px) {
    body {font-size: 14px;}
    .g-tit-special-1 {text-align: center;}
    
    .g-tit-special-1 .d1:after {left: 50%;margin-left: -13px;}
    .g-tit-special-1 .d2:after {left: 50%;margin-left: -13px;}
    .box-specia2 .section-sl-6 {height: auto;padding-top: 30px; }
    .box-specia2 .section-sl-6 .txt {
        float: none;
        font-size: 14px;
        width: auto;
        margin-bottom: 20px;
        text-align: center;
    }
    .box-specia2 .m-section-sl-12 .txt,.box-specia2 .section-sl-15 .txt {
        text-align: center;
    }
    .box-specia2 .section-sl-6 .pic {
        position: static;
        bottom: -90px;
        width: auto;
    }
    .box-specia2 .section-sl-6 .pic img{
        display: block;
        width: 140%;
        max-width: none;
        margin-left: -20%;
    }
    .g-tit-special-1.s1 {
        margin-bottom: 0;
    }

    .box-specia2 .section-sl-7 {
        padding: 30px 0;
        font-size: 14px;
    }
    .box-specia2 .section-sl-9 .txt {
        float: none;
        width: auto;
        font-size: 14px;
        padding: 0;
        margin-bottom: 30px;
        text-align: center;
    }
    .box-specia2 .section-sl-9 .txt h5 {
        padding: 15px 0;
    }
    .box-specia2 .section-sl-9 .pic {
        float: none;
        width: auto;
    }
    .box-specia2 .section-sl-9 {
        height: auto;
        padding-top: 30px;
    }
    .box-specia2 .section-sl-9 .pic img {
        margin: 0 auto -20%;
    }
    .box-specia2 .section-sl-10 .pic {
        float: none;
        width: auto;
    }
    .box-specia2 .section-sl-10 .pic img{
        display: block;
        margin: 0 auto -20%;
    }
    .box-specia2 .section-sl-10 .txt {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: center;
    }
    .box-specia2 .section-sl-10 .logo {
        margin: 20px 0 30px;
    }
    .box-specia2 .section-sl-10 {
        height: auto;
        padding-top: 30px;
    }
    .box-specia2 .section-sl-11 {
        padding: 30px 0;
    }
    .box-specia2 .section-sl-11 .pic {
        float: none;
        width: auto;
    }
    .box-specia2 .section-sl-11 .pic img{
        display: block;
        margin: 0 auto;
    }
    .box-specia2 .section-sl-11 .txt {
        float: none;
        width: auto;
        font-size: 14px;
        padding-top: 30px;
        text-align: center;
    }
    .sl-list8 li {
        float: none;
        display: inline-block;
        margin: 0 20px;
    }

    .box-specia2 .section-sl-13 {
        padding-top: 30px;
    }
    .box-specia2 .section-sl-13 .pic img {
        max-width: none;
        width: 130%;
        margin-left: -30%;
    }
    .box-specia2 .section-sl-14{position: relative;}
    .box-specia2 .section-sl-14 .txt {
        position: absolute;
        left: 0;top: 0;width: 100%;
        padding: 20px 0 0;
    }
    .box-specia2 .section-sl-14 .g-tit-special-1 {
        padding-bottom: 20px;
    }
    .box-specia2 .section-sl-14 .sl-img{display: none;}
    .box-specia2 .section-sl-14 .m-img{display: block;}
    .box-specia2 .section-sl-15 {
        height: auto;
        padding: 30px 0 400px;
    }
    .box-specia2 .section-sl-17 {
        padding: 30px 0;
    }
    .sl-list10 li {
        width: 33.33%;
        padding-bottom: 30px;
    }
    .sl-list10 h4 {
        font-size: 14px;
    }
    .box-specia2 .section-sl-12 {
        padding: 0;
        height: auto;
        background: none;
        display: none;
    }
    .box-specia2 .m-section-sl-12{
        display: block;
    }
    /*.box-specia2 .section-sl-12 .g-tit-special-1{text-align: left;}
    .box-specia2 .section-sl-12 .g-tit-special-1 .d2:after {
        left: 0;
        margin-left: 0;
    }*/
    .box-specia2 .section-sl-12 .pic {
        float: none;
        width: auto;
        margin-right: 0;
    }
    .box-specia2 .section-sl-12{display: none;}
    .box-specia2 .m-section-sl-12{display: block;}
    
    .box-special .section-2 .ul-m .tit{margin-right: 10px;}
    .box-special .section-2 .ul-m .area{float: none;display: inline-block;}
    .box-specia2 .section-sl-13 .txt{font-size: 14px;}

    
}


@media only screen and (max-width: 1000px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    body{padding-top: 50px;}
    .header .a-shop,.nav,.header .so-btn,.header .nav-sub2{display: none;}
    .menuBtn,.header .so-btn-m{display: block;}
    .header {height: 50px; text-align: center;}
    .header .logo {float: left; line-height: 50px; } 
    .header .logo img{height: 35px; }
    .header .so-box {
        left: 0; width: 100%; margin: 0; height: 30px;
    }
    .footer .ft-t .logo {margin-bottom: 20px;}
    .footer .ft-t .col-r {width: 75%; } 
    .footer .ft-t .col-l {width: 25%; }
    .footer .ft-t .col-r dl,
    .footer .ft-t .col-r dl:last-child {width: 25%; padding-left: 30px;}

    .index-row3 .left,.index-row3 .right {width: 100%;float: none;}

    .map-list .item .con .txt .subtit {font-size: 16px; }
}


@media only screen and (max-width: 959px) {
    
    .sl-list6 li {width: 33.33%; }
    .sl-list7{margin: 0 -10px;}
    .sl-list7 .con {margin: 0 10px; }
    .sl-list4 li {float: none; width: 100%; margin-bottom: 20px; text-align: left;} 
    .sl-list4 li a{padding: 0 10px;}
    .sl-list4 li:nth-child(even) {float: none; }
    .sl-list4 {padding: 20px 20px 0; background: none; }

    .sl-list3 ul .con {height: auto; width: 100%; float: none; padding-bottom: 30px; } 
    .sl-list3 ul .pic {position: static; width: 80%; margin: 30px auto; } 
    .sl-list3 ul .txt {float: none; width: 80%; margin: 0 auto; padding-top: 0; } 
    .sl-list3 ul .con h4 {text-align: center; } 
    .sl-list3 ul li:nth-child(even) .txt {float: none; } 
    .sl-list3 ul li:nth-child(even) h4 {text-align: center; }
    .m-infor1 .con {height: auto; background: none; } 
    .m-infor1 .pic {position: static; width: auto; margin: 0 auto; } 
    .m-infor1 .txt1 {height: auto; float: none; width: 100%; padding: 20px; background-image: url(../images/bg14.png); } 
    .m-infor1 .txt1:after {display: none; } 
    .m-licheng li {width: 49%; }
    .m-infor2 .pic {display: none;}
    .m-infor2 .txt {float: none; width: auto; height: auto;padding: 30px 0; } 
    .m-infor2 {height: auto; }
    .m-pop .box {width: 90%; }
    .ban-inner.inner1,.ban-inner.video {height: 500px;}
    .slider-list1-for{display: none !important;}
    .slider-list2-for{display: block !important;}

    .sl-list11 li{height: auto;text-align: center;}
    .sl-list11 .pic, .sl-list11 .txt {
        float: none;
        width: auto;
    }
    .sl-list11 .pic{height: 600px;}
    .sl-list11 .txt{height: auto;padding: 30px 0;}
    .sl-list11 li:nth-child(even) .pic, .sl-list11 li:nth-child(odd) .txt {
        float: none;
    }
    .sl-list11 li:nth-child(even) .txt {
        text-align: center;
    }
    .sl-list11 .txt .con {
        margin: 0;
        padding: 0 20px;
    }
    .sl-list11 li:nth-child(even) .txt .con {
        margin: 0;
        text-align: center;
    }
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    .dl-list-app li:first-of-type{margin-bottom: 20px;}
    .g-tit-special-1 .d1 {font-size: 20px;}
    .footer .ft-t .logo {margin-bottom: 10px;text-align: center;}
    .footer .ft-t .logo img{height: 50px;}
    .footer .ft-t .col-r,.footer .ft-t .col-l {width: auto;float: none; } 
    .footer .ft-t .col-l{text-align: center; background: none; min-height: auto; } 
    .footer .ft-t .col-r dl,
    .footer .ft-t .col-r dl:last-child{float: none; width: auto; padding-left: 0;} 
    .footer .ft-t .col-r dl.open{background-color: #233241;}
    .footer .ft-t .col-r dt {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: 1px solid #a0a0a0;
        background: url(../images/ico-arrows01.png) 98% center no-repeat;
        background-size: auto 16px;
    }
    .footer .ft-t .col-r .open dt {
        background: url(../images/ico-arrows02.png) 98% center no-repeat;
        background-size: 16px auto;
    }
    .footer .ft-t .col-r dd{display: none;}
    .footer .ft-t .col-r dd a{
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        padding-left: 10px;
        border-bottom: 1px solid #a0a0a0;
    }

    .footer .ft-t .col-r dd a:hover{
        color: #fff;
        background-color: #c5c5c5;
    }
    .footer .ft-t .col-l .m-tel1 p{display: inline-block;}
    .footer .ft-t .col-l .tel {font-size: 18px; margin: 0;display: inline-block;} 
    .footer .ft-t .col-l .help {float: none; margin: 10px auto; width: 100%; } 
    .footer .ft-t .about {padding: 15px 0; text-align: left; }
    .footer .ft-t .about .tit{display: none;}
    .footer .ft-t .about .subtit {display: inline-block;}
    .footer .ft-t .about .weixin, .footer .ft-t .about .weibo {width: 30px; height: 30px; } 
    .pop_weixin {top: -130px; margin-left: 0;left: 20px; }
    .footer .ft-b {padding: 12px 0; }
    .footer .ft-t .col-l .m-tel2{display: block;font-size: 14px;}
    .footer .ft-t .col-l .m-tel2 em{font-size: 16px;}
    .cur{height: auto;margin-bottom: 20px;}
    .cur .box{
        display: none;
        padding-bottom: 40px;
    }
    .cur .tit{display: block;}
    .cur a {
        margin: 0 10px;
        display: block;
        height: 39px;
        line-height: 39px;
        color: #666;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #e5e5e5;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
    }

    .ban-inner {height: 200px;}
    .ban-inner.ban2{margin-bottom: 60px;}
    .ban-inner.ban2 .txt{
        top: 100%;
        color: #000;
    }
    .sl-list6 li {width: 50%; }
    .sl-list6 {margin: 0 -5px; } 
    .sl-list6 .con {margin: 0 5px; padding: 10px; }
    .sl-list7 li {width: 50%; }
    .sl-list7{margin: 0 -5px;}
    .sl-list7 .con {margin: 0 5px; }
    .sl-list5 a {
        font-size: 14px;
        color: #fff;
        margin: 0 10px;
        width: 120px;
        height: 36px;
        line-height: 36px;
    }

    .g-tit1 {font-size: 20px; padding-top: 30px; } 
    .row-a3 .g-tit1,.row-a4 .g-tit1,.row-a5 .g-tit1,
    .sl-list5,.m-infor1 .g-tit1,.m-licheng .g-tit1 {margin-bottom: 30px; } 
    .sl-list6 {padding: 30px 0; }
    .sl-list4 {padding: 10px 10px 0; } 
    .sl-list4 li {height: 42px; line-height: 40px; } 
    .sl-list4 li .con {font-size: 12px; }
    .row-a5{padding-bottom: 50px;}

    .sl-list1{padding: 10px 0 100px;}
    .sl-list1 ul{margin: 0;}
    .sl-list1 li h4 {font-size: 16px; margin-bottom: 10px; } 
    .sl-list1 li .txt {line-height: 1.8em; margin-bottom: 15px; } 
    .sl-list1 li {padding-left: 30px; } 
    .sl-list1 li:after {width: 20px; height: 20px; } 
    .sl-list1 ul:after {left: 9px; } 
    .sl-list1 .bg {height: 100px; background: none; } 
    .sl-list1 .bg .more {margin-left: -80px; bottom: 30px; width: 160px; height: 40px; line-height: 40px; }
    .m-infor1{margin-bottom: 0;}
    .m-infor1 .txt,.m-licheng .txt{text-align: left;}
    .m-infor1 .txt1{padding: 10px 10px 30px;}
    .m-infor1 .txt1 .box{font-size: 14px;}
    .m-licheng{padding-bottom: 50px;}
    .m-licheng ul {height: auto; } 
    .m-licheng li {position: static; width: auto; margin-bottom: 10px; } 
    .m-licheng li.l2{height: 300px;} 
    .m-licheng li.l1 {height: 70px; font-size: 20px; padding: 15px 20px; background-color: #0089e1; } 
    .m-licheng li .txt1{left: 10px;right: 10px; bottom: 10px; padding: 10px 20px;height: 75px;} 
    .m-licheng li .txt1 .year {font-size: 22px; } 
    .m-licheng li:hover .txt1{height: 280px; } 
    .m-licheng li.l7 .more {float: none; text-align: center; height: 52px; line-height: 50px; font-size: 14px; padding-right: 0; margin: 0 auto; }
    .m-infor2{display: none;}
    .sl-list3{padding: 50px 0 0;}
    .sl-list3 ul .con h4 {
        font-size: 30px;
        padding: 0 15px;
        margin-top: -25px;
    }
    .ban-inner.inner1 {height: 400px;}
    .m-pop .box .close {
        bottom: -40px;
        margin-left: -18px;
        width: 36px;
        height: 36px;
        background-size: 100% 100%;
    }
    .m-zeren1 .pic{display: none;}
    .m-zeren1 .con {float: none; width: auto; padding: 20px 0; } 
    .zeren-list .item {margin: 0 10px; } 
    .zeren-list {padding: 0 50px; } 
    .zeren-list .slick-arrow {width: 40px; height: 40px; } 
    .m-zeren1 .g-tit1 {margin-bottom: 40px; } 
    .m-shim .g-tit1 {margin-bottom: 30px; }
    .g-btn1 a {width: 40px; height: 40px; margin-top: 30px; }
    .m-slogan1 {font-size: 14px; padding: 15px 0; } 
    .m-zeren2 {padding-bottom: 20px; } 
    .ban-inner .txt {top: 45%; font-size: 22px;
        line-height: 1.5em;
    }
    .team-list .item{
        position: relative;
        margin: 0 -20px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8);
        transform-origin: 50% 50%;
        z-index: 2;
    }
    .team-list .item.slick-current{
        -webkit-transform: scale(1);
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1);
        z-index: 3;
    }
    .team-list1 .item.slick-center .pic{
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0);
        box-shadow: 0px 0px 20px rgba(0,0,0,0);
    }
    .row-b1{padding-top: 50px;}
    .m-cont1.marb1 {margin-bottom: 50px;}
    .m-cont1 .txt {
        padding: 0 10px;
        margin-top: -15px;
    }
    .txt-list .item{
        height: auto;
    }
    .m-cont1 .txt h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    /*.team-list{margin-top: 30px;}*/
    .team-list .slick-dots, .team-list1 .slick-dots {
        padding: 20px 0;
    }
    .team-list1{padding: 30px 0;}
    .team-list1 .item {
        margin: 0 10px;
    }
    .m-cont1 {
        border: 5px solid #eee;
    }
    .team-list .item img{margin-bottom: 20px;}
    .team-list1{padding: 20px 0;}
    .team-list1 .item .tit {
        margin-bottom: 20px;
    }
    .team-list1 .item .pic {
        margin-bottom: 20px;
    }
    .ban-inner.video {height: 400px;}
    .footer .ft-t {
        padding-top: 15px;
    }


    .section-19 {
        padding-top: 30px;
    }
    .map-list .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .map-list {
        padding-bottom: 80px;
    }

    .sl-list10 li {
        width: 50%;
    }
    .sl-list10{margin: 0 -5px;}
    .sl-list10 .con {
        margin: 0 5px;
    }
    .sl-list9 li{
        width: 27%;
    }
    .sl-list9 li:first-child{width: 19%;}
    .sl-list9 li p{font-size: 12px;}

    .sl-list11 .pic{height: 500px;}
    .sl-list11 .txt .con h4 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .sl-list11 .txt .con {
        font-size: 14px;
    }
    .sl-list11 {
        padding: 30px 0;
    }
}   

@media only screen and (max-width: 640px) {
    .m-zeren1 .g-tit1{margin-bottom: 15px;}
    .g-tit1{font-size: 18px;padding-top: 15px;}
    .ban-inner.video {height: 360px;}
    .slider-list2-for .item{
        margin: 0 10px;
    }
    .slider-list2-for .item .con{
        padding: 15px 15px;
    }
    .sl-list11 .pic {
        height: 360px;
    }
    .sl-list11 .txt{padding: 15px 0;}
    .sl-list11 .txt .con{padding: 0 10px;font-size: 12px;}
    .sl-list11 .txt .con h4{font-size: 16px;margin-bottom: 10px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 480px) {
	.header .logo img{height: 30px; }
	
    .m-shim,.m-down-app .a3,.m-zeren1 .con .txt{font-size: 12px;}
    .m-zeren1 .con .txt{padding: 10px;}
    .slider-list1-nav .item {margin: 0 15px; } 
    .slider-list1-nav {padding: 0 30px; }
    .sl-list3 ul .con h4 {
        font-size: 22px;
        padding: 0 5px;
        margin-top: -15px;
    }
    .sl-list3 ul .con {
        border: 5px solid #eee;
    }
    .team-list .item{
        margin: 0;
    }
    .ban-inner.video {height: 320px;}
    .slider-list2-for .item{
        margin: 0 50px;
    }
    .sl-list11 .pic {
        height: 300px;
    }
    .g-tit1{font-size: 16px;}
    .m-zeren1 .con h4{font-size: 14px;height: auto;line-height: 1.5;}
}



